<!DOCTYPE html>
<html>
<head>
    <?php
    $this_dir = dirname(__FILE__) . '/';
    include $this_dir . '../head.tpl';
    ?>
    <title>阅读器</title>
</head>
<body>
<script type="text/javascript">
    autoFontSize();
    checkPermission();
</script>
<div class="page_article_read">
<div class="area1">
    <ul>
        <li><a href="/books/" alt="返回列表">⥳</a></li>
        <li><a id="increase_font" href="#" alt="放大字号">T+</a></li>
        <li><a id="decrease_font" href="#" alt="缩小字号">T-</a></li>
        <li><a id="light_switch" href="#" alt="关灯">◑</a></li>
    </ul>
    <div class="g_plus_one">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-annotation="inline" data-width="120"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'zh-CN'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
<div class="area2">
    <a href="#" id="previous_page" alt="前一页">⟨</a>
    <a href="#" id="next_page" alt="后一页">⟩</a>
</div>
<div class="area3">
    <div class="content light_on" id="content">
    <?php
//    echo nl2br($v['article']['content']);
    ?>
    </div>
    <script type="text/javascript">
        var articles = <?php echo json_encode($v['articles']);?>;
        var book_name = '<?php echo base64_encode(rawurlencode($v['book']['name']));?>';
        document.title = decodeURI(window.atob(book_name));
    </script>
</div>
<script type="text/javascript">
eventIncreaseFontSize();
eventDecreaseFontSize();
autoLight();
eventChangeLight();
getArticle();
showContent();
eventNextPage();
eventPreviousPage();
</script>
</div>
</body>
</html>
